<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			.all {
				background-color: #f5f5f5;
			}
			
			.navlun {
				margin: 0 auto;
				width: 1226px;
				height: 460px;
				/*border: 5px solid;*/
				position: relative;
			}
			
			.navlun .mian-left {
				width: 234px;
				height: 460px;
				background-color: rgba(0, 0, 0, 0.8);
				position: absolute;
				top: 0;
			}
			
			.navlun .btn-left,
			.btn-right {
				width: 41px;
				height: 69px;
				font-family: "宋体";
				font-size: 50px;
				text-align: center;
				line-height: 69px;
				color: #BOBOBO;
			}
			
			.navlun .btn-left {
				float: left;
			}
			
			.navlun .btn-right {
				float: right;
			}
			
			.navlun .btn-left:hover,
			.btn-right:hover {
				cursor: pointer;
				background-color: rgba(0, 0, 0, 0.5);
				color: white;
			}
			
			.navlun .btn {
				width: 992px;
				position: absolute;
				top: 192px;
				left: 234px;
				cursor: pointer;
			}
			
			ul {
				list-style-type: none;
			}
			
			.navlun .xiabtn ul {
				list-style-type: none;
				position: absolute;
				height: 10px;
				right: 30px;
				bottom: 20px;
			}
			
			.navlun .xiabtn ul>li {
				float: left;
				margin: 0 5px;
				border: 2px solid;
				cursor: pointer;
				width: 8px;
				height: 8px;
				border-radius: 50%;
				background-color: rgba(124, 124, 124, 0.6);
			}
			
			.navlun .xiabtn ul>li:hover {
				border: 2px solid rgba(124, 124, 124, 0.6);
				background-color: white;
			}
			
			.navlun .xiabtn .active {
				border: 2px solid rgba(124, 124, 124, 0.6);
				background-color: #b0b0b0;
			}
			
			.navlun .mian-left ul {
				margin-top: 10px;
			}
			
			.navlun .mian-left ul>li {
				line-height: 42px;
				width: 234px;
				white-space: nowrap;
			}
			
			.navlun .mian-left ul>li>a{
				color: white;
				font-size: 14px;
				font-weight: bold;
				margin-left: 10px;
			}
			
			.navlun .mian-left ul>li span {
				color: white;
				display: inline-block;
				float: right;
				line-height: 42px;
				font-size: 14px;
				font-weight: bold;
				margin-right: 10px;
			}
			
			.navlun .mian-left ul>li:hover {
				background-color: #ff6700;
			}
			
			a {
				text-decoration: none;
			}
			
			.navlun .btn-mian {
				height: 460px;
				width: 710px;
				background-color: white;
				position: absolute;
				top: 0px;
				left: 234px;
				z-index: 10;
				display: none;
			}
			
			.navlun .mian-left ul>li:hover .btn-mian {
				display: block;
			}
			
			.all .mian-mian {
				height: 170px;
				width: 1226px;
				margin-top: 20px;
				margin-left: auto;
				margin-right: auto;
			}
			
			.all .mian-mian .tupian img {
				width: 234px;
				height: 170px;
			}
			
			.all .mian-mian .tupian1 img {
				height: 170px;
				width: 316px;
			}
			
			.all .mian-mian div {
				float: left;
			}
			
			.all .mian-mian #tp1 {
				margin-left: 15px;
			}
			
			.all .mian-mian #tp2 {
				margin: 0 14px;
			}
			
			.all .danping {
				width: 1226px;
				height: 398px;
				margin: 0 auto;
				margin-top: 30px;
			}
			
			.all .danping .dan-head {
				height: 58px;
				width: 1226px;
			}
			
			.all .danping .dan-head .you {
				float: left;
				height: 58px;
				line-height: 58px;
				font-size: 20px;
				font-weight: bold;
			}
			
			.all .danping .dan-head .zuo {
				float: right;
				height: 58px;
				line-height: 58px;
				font-size: 16px;
				font-weight: bold;
				margin-right: 20px;
			}
			
			.all .danping .dan-head .zuo div {
				float: left;
				height: 16px;
				width: 32px;
				border: 1px solid #B0B0B0;
				line-height: 16px;
				margin-top: 17px;
				text-align: center;
				color: #B0B0B0;
				cursor: pointer;
				padding: 3px 5px;
			}
			
			.all .danping {
				overflow: hidden;
			}
			
			.all .danping .dan-foot {
				width: 2450px;
				height: 340px;
			}
			
			.all .danping .dan-foot .mingdan {
				width: 234px;
				height: 340px;
				border-top: 1px solid #FFFF00;
				float: left;
				margin: 0 5px;
				background-color: #FAFAFA;
				text-align: center;
			}
			
			.all .danping .dan-foot img {
				width: 160px;
				height: 160px;
				margin-top: 30px;
			}
			
			.all .danping .dan-foot .mingdan .mibtn1 {
				color: #212121;
				font-size: 16px;
				margin-top: 20px;
			}
			
			.all .danping .dan-foot .mingdan .mibtn2 {
				color: #b0b0b0;
				font-size: 12px;
				margin: 10px 0px;
			}
			
			.all .danping .dan-foot .mingdan .mibtn3 {
				color: #ff6709;
				font-size: 16px;
			}
			
			.all .navlun .btn-mian .xiaotu1,
			.xiaotu2,
			.xiaotu3 {
				float: left;
				width: 234px;
				height: 460px;
				line-height: 460px;
			}
			
			.all .jiadian {
				height: 58px;
				width: 1226px;
				margin: auto;
				margin-top: 30px;
			}
			
			.all .jiadian .j-left {
				line-height: 58px;
				font-size: 22px;
				font-weight: bold;
			}
			
			.all .jiadian .j-left,
			.j-right {
				float: left;
			}
			
			.all .jiadian .j-right ul {
				position: absolute;
				right: 50px;
			}
			
			.all .jiadian .j-right ul>li {
				float: left;
				line-height: 58px;
				margin: 0 20px;
			}
			.all .jiadian .j-right ul>li a{
				font-weight: bold;
				color: #333;
			}
			.all .jiadian .j-right ul>li a:hover{
				color: #FF6700;
				border-bottom: 2px solid #FF6700;
			}
			.all .jia-tu {
				height: 614px;
				width: 1226px;
				margin: auto;
			}
			
			.all .jia-tu .jia-tu-left,
			.jia-tu-right {
				float: left;
			}
			
			.all .jia-tu .jia-tu-right {
				height: 614px;
				width: 990px;
			}
			
			.all .jia-tu .jia-tu-right .jia-btn {
				height: 300px;
				width: 234px;
				background-color: white;
				text-align: center;
				float: left;
				margin-bottom: 10px;
				margin-left: 13px;
				position: relative;
			}
			
			.all .jia-tu .jia-tu-right .jia-btn img {
				height: 150px;
				width: 150px;
				margin-top: 20px;
			}
			
			.all .jia-tu .jia-tu-right .jia-btn .jia-zhe {
				width: 64px;
				line-height: 20px;
				font-size: 12px;
				font-weight: bold;
				background-color: red;
				color: white;
				margin: auto;
			}
			
			.all .jia-tu .jia-tu-right .jia-btn .jia-mi {
				color: #333;
				font-size: 14px;
			}
			
			.all .jia-tu .jia-tu-right .jia-btn .jia-riqi {
				color: #b0b0b0;
				font-size: 14px;
				margin: 10px 0px;
			}
			
			.all .jia-tu .jia-tu-right .jia-btn .jia-jiage {
				font-size: 14px;
				color: #ff6700;
			}
			.all .jia-tu .jia-tu-right .jia-btn:hover .yin-pingjia{
				display: block;
			}
			.all .jia-tu .jia-tu-right .jia-btn .yin-pingjia{
				width: 234px;
				height: 65px;
				background-color: #FF6700;
				font-size: 14px;
				color: white;
				position: absolute;
				bottom: 0px;
				display: none;
			}
			.all .foot .foot-wei {
				height: 80px;
				width: 1226px;
				margin: auto;
				border-bottom: 1px solid;
				margin-top: 30px;
			}
			
			.all .foot {
				width: 100%;
				background-color: white;
			}
			
			.all .foot .foot-wei div {
				float: left;
				line-height: 80px;
				width: 240px;
				text-align: center;
			}
			
			.all .foot .foot-wei div span {
				margin-left: 60px;
			}
			
			.all .foot .foot-wei div a {
				color: #B0B0B0;
			}
			
			.all .foot .foot-wei div a:hover {
				color: #FF6700;
			}
			
			.all .foot .foot-hou {
				margin-left: 60px;
				margin-top: 30px;
			}
			
			.all .foot .foot-hou div {
				float: left;
				width: 160px;
				height: 112px;
			}
			
			.all .foot .foot-hou div dt {
				margin-bottom: 10px;
			}
			
			.all .foot .foot-hou div a {
				color: #B0B0B0;
				line-height: 25px;
			}
			
			.all .foot .foot-hou div a:hover {
				color: #FF6700;
			}
			
			.all .head {
				margin-left: -640px;
				height: 120px;
				overflow: hidden;
			}
			
			.all .head img {
				height: 120px;
			}
			
			.all .nav {
				background-color: #333333;
				height: 40px;
				width: 100%;
				argin-left: auto;
				margin-right: auto;
				position: relative;
			}
			
			.all .nav .nav-left,
			.nav-right {
				float: left;
			}
			
			.all .nav .nav-left ul {
				list-style-type: none;
				margin-left: 62px;
			}
			
			.all .nav .nav-left ul>li {
				float: left;
				line-height: 40px;
			}
			
			.all .nav .nav-left ul>li span {
				margin: 0px 6px;
			}
			
			.all .nav .nav-left ul>li a {
				color: #b0b0b0;
				font-size: 12px;
			}
			
			.all .nav .nav-right ul {
				list-style-type: none;
				margin-left: 380px;
			}
			
			.all .nav .nav-right ul>li {
				float: left;
				line-height: 40px;
			}
			
			.all .nav .nav-right ul>li span {
				margin: 0px 6px;
			}
			
			.all .nav .nav-right ul>li a {
				color: #b0b0b0;
				font-size: 12px;
			}
			
			.all .nav .nav-right ul #g1 {
				padding-right: 40px;
			}
			
			.all .nav-bottom {
				height: 100px;
				width: 1226px;
				margin: auto;
				border-top: 1px solid;
				border-bottom: 1px solid black;
				text-align: center;
				background-color: white;
			}
			
			.all .nav-bottom .r1 {
				height: 50px;
				width: 50px;
				margin-top: 25px;
				background-color: #FF6700;
			}
			
			.all .nav-bottom .r2 {
				height: 66px;
				width: 180px;
				position: absolute;
				top: 180px;
				left: 114px;
			}
			
			.all .nav-bottom .r3 ul>li {
				float: left;
				margin-left: 20px;
				line-height: 100px;
			}
			
			.all .nav-bottom .r3 ul>li a {
				color: #333;
			}
			
			.all .nav-bottom .r3 {
				position: absolute;
				top: 160px;
				left: 303px;
			}
			
			.all .nav-bottom .r4 {
				position: absolute;
				top: 190px;
				right: 80px;
			}
			
			.all .nav-bottom .r3 ul>li a:hover {
				color: #FF6700;
			}
			
			.all .yin-btn {
				width: 1226px;
				height: 240px;
				background-color: white;
				position: absolute;
				left: -241px;
				top: 102px;
				display: none;
				z-index: 1;
			}
			
			.all .nav-bottom .r3 ul>li:hover a {
				color: #FF6700;
			}
			
			.all .nav-bottom .r3 ul>li:hover .yin-btn {
				display: block;
			}
			
			.all .nav-bottom .r3 .yin-btn .yin-btn-xiaomi {
				float: left;
				width: 207px;
			}
			
			.all .nav-bottom .r3 .yin-btn .yin-btn-xiaomi img {
				height: 80px;
				width: 120px;
				margin-top: 10px;
			}
			
			.all .nav-bottom .r3 .yin-btn .yin-btn-xiaomi .xiaomi1 {
				width: 207px;
				height: 30px;
				line-height: 30px;
				color: #333;
				font-size: 14px;
			}
			
			.all .nav-bottom .r3 .yin-btn .yin-btn-xiaomi .xiaomijia {
				width: 207px;
				height: 30px;
				line-height: 30px;
				color: #FF6700;
			}
			
			.all .nav-bottom .r3 .yin-btn .yin-btn-xiaomi .mixianhuo {
				height: 40px;
				line-height: 40px;
				width: 70px;
				margin: auto;
				font-size: 14px;
				border: 1px solid #FF6700;
				color: #FF6700;
			}
			
			.all .nav-bottom .r3 .yin-btn .yin-btn-xiaomi .mixianhuo1 {
				height: 40px;
				line-height: 40px;
				width: 70px;
				margin: auto;
			}
			
			.all .navlun .mian-left .btn-mian .btn-tu {
				height: 70px;
				width: 234px;
				line-height: 70px;
				position: relative;
			}
			
			.all .navlun .mian-left .btn-mian .btn-tu a {
				color: #333;
				height: 30px;
				line-height: 30px;
				position: absolute;
				top: 20px;
				margin-left: 20px;
			}
			
			.all .navlun .mian-left .btn-mian .btn-tu a:hover {
				color: #FF6700;
			}
			
			.all .navlun .mian-left .btn-mian .btn-tu h6 {
				position: absolute;
				top: 0px;
				left: 160px;
				width: 40px;
				height: 30px;
				line-height: 30px;
			}
			
			.all .navlun .mian-left .btn-mian .btn-tu h6 a {
				width: 40px;
				height: 30px;
				line-height: 30px;
				border: 1px solid #ff6700;
				text-align: center;
				color: #FF6700;
				font-size: 12px;
			}
			
			.all .navlun .mian-left .btn-mian .btn-tu h6 a:hover {
				background-color: #FF6700;
				color: white;
			}
			
			.all .navlun .mian-left .btn-mian .btn-tu img {
				margin-top: 10px;
				height: 50px;
				line-height: 50px;
				margin-left: 20px;
			}
			.all .weinitui .dan-head{
				height: 58px;
				width: 1226px;
			}
			
			.all .weinitui .dan-head .you {
				float: left;
				height: 58px;
				line-height: 58px;
				font-size: 20px;
				font-weight: bold;
			}
			
			.all .weinitui .dan-head .zuo {
				float: right;
				height: 58px;
				line-height: 58px;
				font-size: 16px;
				font-weight: bold;
				margin-right: 20px;
			}
			
			.all .weinitui .dan-head .zuo div {
				float: left;
				height: 16px;
				width: 32px;
				border: 1px solid #B0B0B0;
				line-height: 16px;
				margin-top: 17px;
				text-align: center;
				color: #B0B0B0;
				cursor: pointer;
				padding: 3px 5px;
			}
			
			.all .weinitui {
				margin-top: 30px;
				margin-left: 70px;
				width: 1226px;
				overflow: hidden;
			}
			
			.all .weinitui .dan-foot {
				width: 2450px;
				height: 340px;
			}
			
			.all .weinitui .dan-foot .mingdan {
				width: 234px;
				height: 340px;
				border-top: 1px solid #FFFF00;
				float: left;
				margin: 0 5px;
				background-color: white;
				text-align: center;
			}
			
			.all .weinitui .dan-foot img {
				width: 160px;
				height: 160px;
				margin-top: 30px;
			}
			
			.all .weinitui .dan-foot .mingdan .mibtn1 {
				color: #212121;
				font-size: 16px;
				margin-top: 20px;
			}
			
			.all .weinitui .dan-foot .mingdan .mibtn2 {
				color: #ff6700;
				font-size: 12px;
				margin: 10px 0px;
			}
			
			.all .weinitui .dan-foot .mingdan .mibtn3 {
				color: #b0b0b0;
				font-size: 16px;
			}
			.all .neirong{
				width: 1226px;
				height: 500px;
				margin-left: 70px;
				margin-top: 20px;
			}
			.all .neirong .neihead{
				height: 50px;
				line-height: 50px;
				width: 1226px;
			}
			.all .neirong .neirongtext{
				float: left;
				width: 296px;
				height: 420px;
				background-color: white;
				text-align: center;
				border-top: 1px solid #FF0000;
				margin-left: 7px;
				position: relative;
			}
			.all .neirong .neirongtext:hover .btn1{
				display: block;
			}
			.all .neirong .neirongtext .btn1{
				display: none;
			}
			.all .neirong .neirongtext .btn1 .btn1-left,
			.btn1-right {
				width: 30px;
				height: 60px;
				font-family: "宋体";
				font-size: 20px;
				font-weight: bold;
				text-align: center;
				line-height: 60px;
				color: #BOBOBO;
				background-color: rgba(128,128,128,0.5);
			}
			
			.all .neirong .neirongtext .btn1 .btn1-left {
				float: left;
			}
			
			.all .neirong .neirongtext .btn1 .btn1-right {
				float: right;
			}
			
			.all .neirong .neirongtext .btn1 .btn1-left:hover,
			.btn1-right:hover {
				cursor: pointer;
				background-color: rgba(0, 0, 0, 0.5);
				color: white;
			}
			
			.all .neirong .neirongtext .btn1 {
				width: 296px;
				position: absolute;
				top: 180px;
				left: 0;
				cursor: pointer;
			}
			.all .neirong .neirongtext .book{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-weight: bold;
				color: #FFD890;
				margin-top: 30px;
			}
			.all .neirong .neirongtext .book-1{
				width: 296px;
				height: 40px;
				line-height: 40px;
				font-size: 20px;
				font-weight: bold;
				margin-top: 20px;
			}
			.all .neirong .neirongtext .book-2{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-size: 14px;
				color: #B0B0B0;
				margin-top: 10px;
			}
			.all .neirong .neirongtext .book-3{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-size: 16px;
				color: #333;
				margin-top: 30px;
			}
			.all .neirong .neirongtext .book-4{
				width: 296px;
				margin-top: 20px;
				padding-left: 110px;
			}
			.all .neirong .neirongtext .book-4 ul>li{
				float: left;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background-color: #B0B0B0;
				border: 1px solid;
				margin-left: 10px;
			}
			.all .neirong .neirongtext .book-4 .active{
				background-color: white;
				border: 2px solid #F25807;
			}
			.all .neirong .neirongtext .book-5 img{
				width: 200px;
				height: 142px;
			}
			.all .neirong .neirongtext1{
				float: left;
				width: 296px;
				height: 420px;
				background-color: white;
				text-align: center;
				border-top: 1px solid orangered;
				margin-left: 7px;
				position: relative;
			}
			.all .neirong .neirongtext1:hover .btn1{
				display: block;
			}
			.all .neirong .neirongtext1 .btn1{
				display: none;
			}
			.all .neirong .neirongtext1 .btn1 .btn1-left,
			.btn1-right {
				width: 30px;
				height: 60px;
				font-family: "宋体";
				font-size: 20px;
				font-weight: bold;
				text-align: center;
				line-height: 60px;
				color: #BOBOBO;
				background-color: rgba(128,128,128,0.5);
			}
			
			.all .neirong .neirongtext1 .btn1 .btn1-left {
				float: left;
			}
			
			.all .neirong .neirongtext1 .btn1 .btn1-right {
				float: right;
			}
			
			.all .neirong .neirongtext1 .btn1 .btn1-left:hover,
			.btn1-right:hover {
				cursor: pointer;
				background-color: rgba(0, 0, 0, 0.5);
				color: white;
			}
			
			.all .neirong .neirongtext1 .btn1 {
				width: 296px;
				position: absolute;
				top: 180px;
				left: 0;
				cursor: pointer;
			}
			.all .neirong .neirongtext1 .book{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-weight: bold;
				color: #FFD890;
				margin-top: 30px;
			}
			.all .neirong .neirongtext1 .book-1{
				width: 296px;
				height: 40px;
				line-height: 40px;
				font-size: 20px;
				font-weight: bold;
				margin-top: 20px;
			}
			.all .neirong .neirongtext1 .book-2{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-size: 14px;
				color: #B0B0B0;
				margin-top: 10px;
			}
			.all .neirong .neirongtext1 .book-3{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-size: 16px;
				color: #333;
				margin-top: 30px;
			}
			.all .neirong .neirongtext1 .book-4{
				width: 296px;
				margin-top: 20px;
				padding-left: 110px;
			}
			.all .neirong .neirongtext1 .book-4 ul>li{
				float: left;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background-color: #B0B0B0;
				border: 1px solid;
				margin-left: 10px;
			}
			.all .neirong .neirongtext1 .book-4 .active{
				background-color: white;
				border: 2px solid #F25807;
			}
			.all .neirong .neirongtext1 .book-5 img{
				width: 200px;
				height: 142px;
			}
			.all .neirong .neirongtext2{
				float: left;
				width: 296px;
				height: 420px;
				background-color: white;
				text-align: center;
				border-top: 1px solid blue;
				margin-left: 7px;
				position: relative;
			}
			.all .neirong .neirongtext2:hover .btn1{
				display: block;
			}
			.all .neirong .neirongtext2 .btn1{
				display: none;
			}
			.all .neirong .neirongtext2 .btn1 .btn1-left,
			.btn1-right {
				width: 30px;
				height: 60px;
				font-family: "宋体";
				font-size: 20px;
				font-weight: bold;
				text-align: center;
				line-height: 60px;
				color: #BOBOBO;
				background-color: rgba(128,128,128,0.5);
			}
			
			.all .neirong .neirongtext2 .btn1 .btn1-left {
				float: left;
			}
			
			.all .neirong .neirongtext2 .btn1 .btn1-right {
				float: right;
			}
			
			.all .neirong .neirongtext2 .btn1 .btn1-left:hover,
			.btn1-right:hover {
				cursor: pointer;
				background-color: rgba(0, 0, 0, 0.5);
				color: white;
			}
			
			.all .neirong .neirongtext2 .btn1 {
				width: 296px;
				position: absolute;
				top: 180px;
				left: 0;
				cursor: pointer;
			}
			.all .neirong .neirongtext2 .book{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-weight: bold;
				color: #FFD890;
				margin-top: 30px;
			}
			.all .neirong .neirongtext2 .book-1{
				width: 296px;
				height: 40px;
				line-height: 40px;
				font-size: 20px;
				font-weight: bold;
				margin-top: 20px;
			}
			.all .neirong .neirongtext2 .book-2{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-size: 14px;
				color: #B0B0B0;
				margin-top: 10px;
			}
			.all .neirong .neirongtext2 .book-3{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-size: 16px;
				color: #333;
				margin-top: 30px;
			}
			.all .neirong .neirongtext2 .book-4{
				width: 296px;
				margin-top: 20px;
				padding-left: 110px;
			}
			.all .neirong .neirongtext2 .book-4 ul>li{
				float: left;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background-color: #B0B0B0;
				border: 1px solid;
				margin-left: 10px;
			}
			.all .neirong .neirongtext2 .book-4 .active{
				background-color: white;
				border: 2px solid #F25807;
			}
			.all .neirong .neirongtext2 .book-5 img{
				width: 200px;
				height: 142px;
			}
			.all .neirong .neirongtext3{
				float: left;
				width: 296px;
				height: 420px;
				background-color: white;
				text-align: center;
				border-top: 1px solid yellow;
				margin-left: 7px;
				position: relative;
			}
			.all .neirong .neirongtext3:hover .btn1{
				display: block;
			}
			.all .neirong .neirongtext3 .btn1{
				display: none;
			}
			.all .neirong .neirongtext3 .btn1 .btn1-left,
			.btn1-right {
				width: 30px;
				height: 60px;
				font-family: "宋体";
				font-size: 20px;
				font-weight: bold;
				text-align: center;
				line-height: 60px;
				color: #BOBOBO;
				background-color: rgba(128,128,128,0.5);
			}
			
			.all .neirong .neirongtext3 .btn1 .btn1-left {
				float: left;
			}
			
			.all .neirong .neirongtext3 .btn1 .btn1-right {
				float: right;
			}
			
			.all .neirong .neirongtext3 .btn1 .btn1-left:hover,
			.btn1-right:hover {
				cursor: pointer;
				background-color: rgba(0, 0, 0, 0.5);
				color: white;
			}
			
			.all .neirong .neirongtext3 .btn1 {
				width: 296px;
				position: absolute;
				top: 180px;
				left: 0;
				cursor: pointer;
			}
			.all .neirong .neirongtext3 .book{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-weight: bold;
				color: #FFD890;
				margin-top: 30px;
			}
			.all .neirong .neirongtext3 .book-1{
				width: 296px;
				height: 40px;
				line-height: 40px;
				font-size: 20px;
				font-weight: bold;
				margin-top: 20px;
			}
			.all .neirong .neirongtext3 .book-2{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-size: 14px;
				color: #B0B0B0;
				margin-top: 10px;
			}
			.all .neirong .neirongtext3 .book-3{
				width: 296px;
				height: 30px;
				line-height: 30px;
				font-size: 16px;
				color: #333;
				margin-top: 30px;
			}
			.all .neirong .neirongtext3 .book-4{
				width: 296px;
				margin-top: 20px;
				padding-left: 110px;
			}
			.all .neirong .neirongtext3 .book-4 ul>li{
				float: left;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background-color: #B0B0B0;
				border: 1px solid;
				margin-left: 10px;
			}
			.all .neirong .neirongtext3 .book-4 .active{
				background-color: white;
				border: 2px solid #F25807;
			}
			.all .neirong .neirongtext3 .book-5 img{
				width: 200px;
				height: 142px;
			}
		</style>
	</head>

	<body>
		<div class="all">
			<div class="head">
				<a href="#"><img src="img2/cms_15024204328922_IQPTL.jpg"></a>
			</div>
			<div class="nav">
				<div class="nav-left">
					<ul>
						<li>
							<a href="#">小米商城</a><span>|</span></li>
						<li>
							<a href="#">MIUI</a><span>|</span></li>
						<li>
							<a href="#">米聊</a><span>|</span></li>
						<li>
							<a href="#">游戏</a><span>|</span></li>
						<li>
							<a href="#">多看阅读</a><span>|</span></li>
						<li>
							<a href="#">云服务</a><span>|</span></li>
						<li>
							<a href="#">金融</a><span>|</span></li>
						<li>
							<a href="#">小米商城移动版</a><span>|</span></li>
						<li>
							<a href="#">问题反馈</a><span>|</span></li>
						<li>
							<a href="#">Select Region</a>
						</li>
					</ul>
				</div>
				<div class="nav-right">
					<ul>
						<li>
							<a href="../js/登陆.html">登陆</a><span>|</span></li>
						<li>
							<a href="../js/注册.html">注册</a><span>|</span></li>
						<li id="g1">
							<a href="#">消息通知</a>
						</li>
						<li id="g2">
							<a href="../js/购物车3.html">购物车</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="nav-bottom">
				<div class="r1"><img src="img2/mi-logo.png" /></div>
				<div class="r2"><img src="img2/yyymix.gif" /></div>
				<div class="r3">
					<ul>
						<li>
							<a href="#">小米手机</a>
							<div class="yin-btn">
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo1"></div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5s-320.png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/xiaomiNOTE2-320-220!160x110.jpg">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">红米</a>
							<div class="yin-btn">
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo1"></div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5s-320.png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/xiaomiNOTE2-320-220!160x110.jpg">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">平板 笔记本</a>
							<div class="yin-btn">
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo1"></div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5s-320.png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/xiaomiNOTE2-320-220!160x110.jpg">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">电视</a>
							<div class="yin-btn">
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo1"></div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5s-320.png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/xiaomiNOTE2-320-220!160x110.jpg">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">盒子 影音</a>
							<div class="yin-btn">
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo1"></div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5s-320.png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/xiaomiNOTE2-320-220!160x110.jpg">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">路由器</a>
							<div class="yin-btn">
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo1"></div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5s-320.png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/xiaomiNOTE2-320-220!160x110.jpg">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">智能硬件</a>
							<div class="yin-btn">
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo1"></div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5s-320.png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/xiaomiNOTE2-320-220!160x110.jpg">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
								<div class="yin-btn-xiaomi">
									<div class="mixianhuo">现货</div>
									<img src="../img/mi5c_320x220 (1).png">
									<div class="xiaomi1">小米6</div>
									<div class="xiaomijia">2499元起</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">服务</a>
						</li>
						<li>
							<a href="#">社区</a>
						</li>
					</ul>
				</div>
				<div class="r4">
					<img src="img2/049f6fadf1af00082ca5b8d8624b4c97.png">
				</div>
			</div>
			<div class="navlun">
				<div class="lunpo">
					<a href="https://hd.mi.com/x/07281m/index.html?client_id=180100041086&masid=17409.0101">
						<img src="img/xmad_15022768455536_CYvNg.jpg">
					</a>
				</div>
				<div class="mian-left">
					<ul>
						<li>
							<a href="#">手机 电话卡</a><span>&gt;</span>
							<div class="btn-mian">
								<div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/max2_80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hm4x_80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hmn4x80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hm4-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img4/compare.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">笔记本 平板</a><span>&gt;</span>
							<div class="btn-mian">
                                 <div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img5/bijiben80 (1).jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/bijiben80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/USBC80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/usbzjqggg80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/wxsb80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/xmsbd80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img5/ymjp80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/max2_80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hm4x_80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hmn4x80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hm4-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img4/compare.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">电视 盒子</a><span>&gt;</span>
							<div class="btn-mian">
                                   <div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img7/018080.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/653s80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80 (1).jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/mitv3s48.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/tv70.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">路由器 智能硬件</a><span>&gt;</span>
							<div class="btn-mian">
                                   <div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/max2_80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hm4x_80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hmn4x80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hm4-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img4/compare.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">移动电源 电池 插线板</a><span>&gt;</span>
							<div class="btn-mian">
                                  <div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img5/bijiben80 (1).jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/bijiben80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/USBC80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/usbzjqggg80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/wxsb80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img5/xmsbd80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img5/ymjp80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/max2_80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hm4x_80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hmn4x80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/hm4-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img4/compare.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80pc-5x.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img4/80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">耳机 音箱</a><span>&gt;</span>
							<div class="btn-mian">
                                 <div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img7/018080.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/653s80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80 (1).jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/mitv3s48.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/tv70.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">保护套 贴膜</a><span>&gt;</span>
							<div class="btn-mian">
                                  <div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img7/018080.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/653s80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80 (1).jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/mitv3s48.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/tv70.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">支架 线材 存储卡</a><span>&gt;</span>
							<div class="btn-mian">
                                    <div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img7/018080.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/653s80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80 (1).jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/mitv3s48.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/tv70.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">箱包 服饰 鞋 眼镜</a><span>&gt;</span>
							<div class="btn-mian">
                                  <div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img7/018080.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/653s80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80 (1).jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/mitv3s48.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/tv70.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">米兔 生活周边</a><span>&gt;</span>
							<div class="btn-mian">
                                    <div class="xiaotu1">
									<div class="btn-tu">
										<img src="../img2/img7/018080.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/653s80.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/80xmds_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu2">
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80 (1).jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/hezi80-80.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/mitv3s48.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/tv70.png">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_49.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_55.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
								<div class="xiaotu3">
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/xp80_65.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
									<div class="btn-tu">
										<img src="../img2/img7/6580side.jpg">
										<a href="#">小米6</a>
										<h6><a href="#">选购</a></h6>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="btn">
					<div class="btn-left">&lt;</div>
					<div class="btn-right">&gt;</div>
				</div>
				<div class="xiabtn">
					<ul>
						<li class="active" data-index="0" data-src="img/xmad_15022768455536_CYvNg.jpg" data-http="https://hd.mi.com/x/07281m/index.html?client_id=180100041086&masid=17409.0101"></li>
						<li data-index="1" data-src="img/xmad_15022810332736_bJimc.jpg" data-http="https://item.mi.com/product/10000021.html"></li>
						<li data-index="2" data-src="img/xmad_15023581788969_COuGL.jpg" data-http="https://item.mi.com/product/10000057.html"></li>
						<li data-index="3" data-src="img/xmad_15023605827425_zEYNa.jpg" data-http="https://item.mi.com/product/10000022.html"></li>
						<li data-index="4" data-src="img/xmad_15023606673783_PLxOT.jpg" data-http="https://www.mi.com/cuxiao/?client_id=180100041086&masid=17409.0100"></li>
						<li data-index="5" data-src="img/xmad_15023607359871_QLJbZ.jpg" data-http="https://www.mi.com/mibookair/"></li>
					</ul>
				</div>
			</div>
			<div class="mian-mian">
				<div class="tupian"><img src="img/2017-08-11_185745.png"></div>
				<div class="tupian1" id="tp1">
					<a href="#"><img src="img/xmad_15005382018863_bsqwp.jpg"></a>
				</div>
				<div class="tupian1" id="tp2">
					<a href="#"><img src="img/xmad_15022882375813_zdtbO.jpg"></a>
				</div>
				<div class="tupian1">
					<a href="#"><img src="img/xmad_15023608020152_xJirg.jpg"></a>
				</div>
			</div>
			<div class="danping">
				<div class="dan-head">
					<div class="you">
						<div class="mingxin">小米明星单品</div>
					</div>
					<div class="zuo" id="danzuo">
						<div>&lt;</div>
						<div>&gt;</div>
					</div>
				</div>
				<div class="dan-foot">
					<div class="mingdan">
						<a href="#"><img src="img/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png"></a>
						<p class="mibtn1">小米手环 2</p>
						<p class="mibtn2">OLED 显示屏幕，升级计步算法</p>
						<p class="mibtn3">149元</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/725a37e3-78b7-4298-8098-c40097bf179d (1).png"></a>
						<p class="mibtn1">小米笔记本</p>
						<p class="mibtn2">更轻更薄，像杂志一样随身携带</p>
						<p class="mibtn3">3599元起</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/de35852a-1be5-4ef5-846f-dcdd2efcfea6.png"></a>
						<p class="mibtn1">小米路由器3</p>
						<p class="mibtn2">更快更强，不止四天线</p>
						<p class="mibtn3">149元</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/xmad_15023585612783_DIKjh.png"></a>
						<p class="mibtn1">贝医生巴氏牙刷(四色装)</p>
						<p class="mibtn2">德日进口刷毛，专利科学布局</p>
						<p class="mibtn3">39.9元</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/T1ZYC_BjWv1RXrhCrK.jpg"></a>
						<p class="mibtn1">米家压力IH电饭煲</p>
						<p class="mibtn2">智能烹饪，压力IH加热技术</p>
						<p class="mibtn3">999元</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/xmad_14972549116226_tZpod.png"></a>
						<p class="mibtn1">米家空气净化器Pro</p>
						<p class="mibtn2">OLED显示屏幕，激光颗粒物传感器</p>
						<p class="mibtn3">1499元</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/xmad_1489401341687_vUojl.png"></a>
						<p class="mibtn1">红米Note 4X</p>
						<p class="mibtn2">4100mAh超长续航，多彩金属</p>
						<p class="mibtn3">999元起</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/xmad_14966625747867_qcTyh.png"></a>
						<p class="mibtn1">红米4X</p>
						<p class="mibtn2">4100mAh超长续航，8 核处理器</p>
						<p class="mibtn3">699元起</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/xmad_150218693401_WiKBZ.png"></a>
						<p class="mibtn1">小米电视4A 32英寸</p>
						<p class="mibtn2">8月10日-8月16日立减100元</p>
						<p class="mibtn3">1099元起</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/5e2eb710-a99f-4235-ac5c-1b20b1e6c3b6.png"></a>
						<p class="mibtn1">小米5s 64GB</p>
						<p class="mibtn2">下单立减200元</p>
						<p class="mibtn3">1999元起</p>
					</div>
				</div>
			</div>
			<div class="jiadian">
				<div class="j-left">家电</div>
				<div class="j-right">
					<ul>
						<li>
							<a href="#" onmouseover="remen(this)">热门</a>
						</li>
						<li>
							<a href="#" onmouseover="dianshi(this)">电视影音</a>
						</li>
						<li>
							<a href="#" onmouseover="diannao(this)">电脑</a>
						</li>
						<li>
							<a href="#" onmouseover="jiaju(this)">家居</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="jia-tu">
				<div class="jia-tu-left"><img src="img/xmad_14950222431232_Twnyl.jpg"></div>
				<div class="jia-tu-right">
					<div class="jia-btn">
						<div class="jia-zhe">享9.1折</div>
						<a href="#"><img src="img2/pms_1490077569.08131612!220x220.png"></a>
						<div class="jia-mi">小米电视4A 43英寸</div>
						<div class="jia-riqi">8月10日-16日限时特惠，立减200元</div>
						<div><span class="jia-jiage">1899元</span><span class="jia-riqi">2099元</span></div>
						<div class="yin-pingjia">合格的米粉，哈哈，感觉很高大上，外观又漂亮，绝对是颜...来自于 贱精少爷的评价
                        </div>
					</div>
					<div class="jia-btn">
						<div class="jia-zhe">享9.1折</div>
						<a href="#"><img src="img2/pms_1490077569.08131612!220x220.png"></a>
						<div class="jia-mi">小米电视4A 43英寸</div>
						<div class="jia-riqi">8月10日-16日限时特惠，立减200元</div>
						<div><span class="jia-jiage">1899元</span><span class="jia-riqi">2099元</span></div>
						<div class="yin-pingjia">合格的米粉，哈哈，感觉很高大上，外观又漂亮，绝对是颜...来自于 贱精少爷的评价</div>
					</div>
					<div class="jia-btn">
						<div class="jia-zhe">享9.1折</div>
						<a href="#"><img src="img2/pms_1490077569.08131612!220x220.png"></a>
						<div class="jia-mi">小米电视4A 43英寸</div>
						<div class="jia-riqi">8月10日-16日限时特惠，立减200元</div>
						<div><span class="jia-jiage">1899元</span><span class="jia-riqi">2099元</span></div>
						<div class="yin-pingjia">听说小米客服文采好，可否给作一首藏头诗，深爱邵明迎，...来自于 永远相信，美好的事情即将发生，MIX。 的评价</div>
					</div>
					<div class="jia-btn">
						<div class="jia-zhe">享9.1折</div>
						<a href="#"><img src="img2/pms_1490077569.08131612!220x220.png"></a>
						<div class="jia-mi">小米电视4A 43英寸</div>
						<div class="jia-riqi">8月10日-16日限时特惠，立减200元</div>
						<div><span class="jia-jiage">1899元</span><span class="jia-riqi">2099元</span></div>
						<div class="yin-pingjia">客服妹子，告诉我是这样的打开方式嘛？来自于 米米眯迷米 的评价</div>
					</div>
					<div class="jia-btn">
						<div class="jia-zhe">享9.1折</div>
						<a href="#"><img src="img2/pms_1495074010.05677255!220x220.jpg"></a>
						<div class="jia-mi">小米电视4A 43英寸</div>
						<div class="jia-riqi">8月10日-16日限时特惠，立减200元</div>
						<div><span class="jia-jiage">1899元</span><span class="jia-riqi">2099元</span></div>
						<div class="yin-pingjia">宝贝到了，迫不及待的把我家的宝贝称了一下。很准来自于 公腾贺 的评价</div>
					</div>
					<div class="jia-btn">
						<div class="jia-zhe">享9.1折</div>
						<a href="#"><img src="img2/pms_1490778355.67093197!220x220.png"></a>
						<div class="jia-mi">小米电视4A 43英寸</div>
						<div class="jia-riqi">8月10日-16日限时特惠，立减200元</div>
						<div><span class="jia-jiage">1899元</span><span class="jia-riqi">2099元</span></div>
						<div class="yin-pingjia">美观，希望插口能改进，祝小米越做越好！评价了那么多小...来自于 salom. 的评价</div>
					</div>
					<div class="jia-btn">
						<div class="jia-zhe">享9.1折</div>
						<a href="#"><img src="img2/pms_1490778061.59475600!220x220.png"></a>
						<div class="jia-mi">小米电视4A 43英寸</div>
						<div class="jia-riqi">8月10日-16日限时特惠，立减200元</div>
						<div><span class="jia-jiage">1899元</span><span class="jia-riqi">2099元</span></div>
						<div class="yin-pingjia">简洁清晰，精致，性价比高，最爱小米来自于 704450093 的评价</div>
					</div>
					<div class="jia-btn">
						<div class="jia-zhe">享9.1折</div>
						<a href="#"><img src="img/xmad_150218693401_WiKBZ.png"></a>
						<div class="jia-mi">小米电视4A 43英寸</div>
						<div class="jia-riqi">8月10日-16日限时特惠，立减200元</div>
						<div><span class="jia-jiage">1899元</span><span class="jia-riqi">2099元</span></div>
						<div class="yin-pingjia">小米真好，客服妹子更好，超爱。来自于 蔡启旺 的评价</div>
					</div>
				</div>
			</div>
			<div class="weinitui">
				<div class="dan-head">
					<div class="you">
						<div class="mingxin">为你推荐</div>
					</div>
					<div class="zuo" id="danzuo">
						<div>&lt;</div>
						<div>&gt;</div>
					</div>
				</div>
				<div class="dan-foot">
					<div class="mingdan">
						<a href="#"><img src="img推荐/pms_1491314802.95852694.jpg"></a>
						<p class="mibtn1">小寻儿童电话手表 彩屏版</p>
						<p class="mibtn2">199元</p>
						<p class="mibtn3">3942人好评</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img推荐/pms_1481269289.59498154.jpg"></a>
						<p class="mibtn1">小米移动电源10000mAh高配版</p>
						<p class="mibtn2">149元</p>
						<p class="mibtn3">1万人好评</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img推荐/pms_1490666381.06634471.jpg"></a>
						<p class="mibtn1">小米路由器 HD</p>
						<p class="mibtn2">1199元</p>
						<p class="mibtn3">753人好评</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img推荐/pms_1490949546.96088774.jpg"></a>
						<p class="mibtn1">米家运动鞋(智能版) 女款</p>
						<p class="mibtn2">219元</p>
						<p class="mibtn3">1862人好评</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img推荐/pms_1492398532.4835734.jpg"></a>
						<p class="mibtn1">小米VR眼镜PLAY2</p>
						<p class="mibtn2">99元</p>
						<p class="mibtn3">593人好评</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/xmad_14972549116226_tZpod.png"></a>
						<p class="mibtn1">米家空气净化器Pro</p>
						<p class="mibtn2">OLED显示屏幕，激光颗粒物传感器</p>
						<p class="mibtn3">1499元</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/xmad_1489401341687_vUojl.png"></a>
						<p class="mibtn1">红米Note 4X</p>
						<p class="mibtn2">4100mAh超长续航，多彩金属</p>
						<p class="mibtn3">999元起</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/xmad_14966625747867_qcTyh.png"></a>
						<p class="mibtn1">红米4X</p>
						<p class="mibtn2">4100mAh超长续航，8 核处理器</p>
						<p class="mibtn3">699元起</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/xmad_150218693401_WiKBZ.png"></a>
						<p class="mibtn1">小米电视4A 32英寸</p>
						<p class="mibtn2">8月10日-8月16日立减100元</p>
						<p class="mibtn3">1099元起</p>
					</div>
					<div class="mingdan">
						<a href="#"><img src="img/5e2eb710-a99f-4235-ac5c-1b20b1e6c3b6.png"></a>
						<p class="mibtn1">小米5s 64GB</p>
						<p class="mibtn2">下单立减200元</p>
						<p class="mibtn3">1999元起</p>
					</div>
				</div>
			</div>
			<div class="neirong">
			    <div class="neihead">内容</div>
			    <div>
			    	<div class="neirongtext">
			    		<div class="book">图书</div>
			    		<div class="book-1">哈利·波特与被诅咒的孩子</div>
			    		<div class="book-2">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</div>
			    		<div class="book-3">29.37元</div>
			    		<div class="book-5"><img src="img推荐/5e5da924-84e3-4959-9e25-5891cdf30757.png"></div>
			    		<div class="book-4">
			    			<ul>
			    				<li class="active" data-index="0" data-src="img推荐/5e5da924-84e3-4959-9e25-5891cdf30757.png"></li>
			    				<li data-index="1" data-src="img推荐/61e1385e-54de-48f3-8717-5e4f4b1cdd14.png"></li>
			    				<li data-index="2" data-src="img推荐/more-duokan.jpg"></li>
			    			</ul>
			    		</div>
			    	   <div class="btn1">
					   <div class="btn1-left">&lt;</div>
					   <div class="btn1-right">&gt;</div>
				       </div>
			    	</div>
			    	<div class="neirongtext1">
			    		<div class="book">图书</div>
			    		<div class="book-1">哈利·波特与被诅咒的孩子</div>
			    		<div class="book-2">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</div>
			    		<div class="book-3">29.37元</div>
			    		<div class="book-5"><img src="img推荐/5e5da924-84e3-4959-9e25-5891cdf30757.png"></div>
			    		<div class="book-4">
			    			<ul>
			    				<li class="active" data-index="0" data-src="img推荐/5e5da924-84e3-4959-9e25-5891cdf30757.png"></li>
			    				<li data-index="1" data-src="img推荐/61e1385e-54de-48f3-8717-5e4f4b1cdd14.png"></li>
			    				<li data-index="2" data-src="img推荐/more-duokan.jpg"></li>
			    			</ul>
			    		</div>
			    		<div class="btn1">
					   <div class="btn1-left">&lt;</div>
					   <div class="btn1-right">&gt;</div>
				       </div>
			    	</div>
			    	<div class="neirongtext2">
			    		<div class="book">图书</div>
			    		<div class="book-1">哈利·波特与被诅咒的孩子</div>
			    		<div class="book-2">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</div>
			    		<div class="book-3">29.37元</div>
			    		<div class="book-5"><img src="img推荐/5e5da924-84e3-4959-9e25-5891cdf30757.png"></div>
			    		<div class="book-4">
			    			<ul>
			    				<li class="active" data-index="0" data-src="img推荐/5e5da924-84e3-4959-9e25-5891cdf30757.png"></li>
			    				<li data-index="1" data-src="img推荐/61e1385e-54de-48f3-8717-5e4f4b1cdd14.png"></li>
			    				<li data-index="2" data-src="img推荐/more-duokan.jpg"></li>
			    			</ul>
			    		</div>
			    		<div class="btn1">
					   <div class="btn1-left">&lt;</div>
					   <div class="btn1-right">&gt;</div>
				       </div>
			    	</div>
			    	<div class="neirongtext3">
			    		<div class="book">图书</div>
			    		<div class="book-1">哈利·波特与被诅咒的孩子</div>
			    		<div class="book-2">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</div>
			    		<div class="book-3">29.37元</div>
			    		<div class="book-5"><img src="img推荐/5e5da924-84e3-4959-9e25-5891cdf30757.png"></div>
			    		<div class="book-4">
			    			<ul>
			    				<li class="active" data-index="0" data-src="img推荐/5e5da924-84e3-4959-9e25-5891cdf30757.png"></li>
			    				<li data-index="1" data-src="img推荐/61e1385e-54de-48f3-8717-5e4f4b1cdd14.png"></li>
			    				<li data-index="2" data-src="img推荐/more-duokan.jpg"></li>
			    			</ul>
			    		</div>
			    		<div class="btn1">
					   <div class="btn1-left">&lt;</div>
					   <div class="btn1-right">&gt;</div>
				       </div>
			    	</div>
			    </div>
			</div>
			<div class="foot">
				<div class="foot-wei">
					<div>
						<a href="#">预约维修服务</a><span>|</span></div>
					<div>
						<a href="#">7天无理由退货</a><span>|</span></div>
					<div>
						<a href="#">15天免费换货</a><span>|</span></div>
					<div>
						<a href="#">满150元包邮</a><span>|</span></div>
					<div>
						<a href="#">520余家售后网点</a>
					</div>
				</div>
				<div class="foot-hou">
					<div>
						<dl>
							<dt>帮助中心</dt>
							<dd>
								<a href="#">账户管理</a>
							</dd>
							<dd>
								<a href="#">购物指南</a>
							</dd>
							<dd>
								<a href="#">订单操作</a>
							</dd>
						</dl>
					</div>
					<div>
						<dl>
							<dt>服务支持</dt>
							<dd>
								<a href="#">售后政策</a>
							</dd>
							<dd>
								<a href="#">自助服务</a>
							</dd>
							<dd>
								<a href="#">相关下载</a>
							</dd>
						</dl>
					</div>
					<div>
						<dl>
							<dt>线下门店</dt>
							<dd>
								<a href="#">小米之家</a>
							</dd>
							<dd>
								<a href="#">服务网点</a>
							</dd>
							<dd>
								<a href="#">零售网点</a>
							</dd>
						</dl>
					</div>
					<div>
						<dl>
							<dt>关于小米</dt>
							<dd>
								<a href="#">了解小米</a>
							</dd>
							<dd>
								<a href="#">加入小米</a>
							</dd>
							<dd>
								<a href="#">联系我们</a>
							</dd>
						</dl>
					</div>
					<div>
						<dl>
							<dt>关注我们</dt>
							<dd>
								<a href="#">新浪微博</a>
							</dd>
							<dd>
								<a href="#">小米部落</a>
							</dd>
							<dd>
								<a href="#">官方微信</a>
							</dd>
						</dl>
					</div>
					<div>
						<dl>
							<dt>特色服务</dt>
							<dd>
								<a href="#">F 码通道</a>
							</dd>
							<dd>
								<a href="#">礼物码</a>
							</dd>
							<dd>
								<a href="#">防伪查询</a>
							</dd>
						</dl>
					</div>
					<div>
						<img src="img2/ee42a2bb134a7041831907518540997c.png" />
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			//轮播图
			window.onload = function() {
				var btindex = 0;
				var liss = document.querySelectorAll(".xiabtn li");
				var hrs = document.querySelectorAll(".lunpo>a");
				//hr是一个集合，要先找hr【0】.在接着找
				for(var i = 0; i < liss.length; i++) {
					liss[i].onclick = function() {
						var src = this.getAttribute("data-src");
						var http = this.getAttribute("data-http");
						btindex = this.getAttribute("data-index") * 1;
						hrs.href = http;
						hrs[0].children[0].src = src;
						for(i = 0; i < liss.length; i++) {
							liss[i].removeAttribute("class");
						}
						this.className = "active";
					};
				}
				var bts = document.querySelectorAll(".btn div");
				bts[0].onclick = function() {
					if(btindex == 0) {
						btindex = liss.length;
					}
					liss[btindex - 1].click();

				};
				bts[1].onclick = function() {
					if(btindex == liss.length - 1) {
						btindex = -1;
					}
					liss[btindex + 1].click();
				};
				setInterval(function() {
					bts[1].click();
				}, 4000);
				//明星单品轮播图
				var dans = document.querySelector(".danping .zuo");
				var left = 0;
				dans.children[0].onclick = function() {
					var text = document.querySelector(".danping .dan-foot");
					text.style.marginLeft = "0px";
					var left = -1240;
					var id = setInterval(function() {
						text.style.marginLeft = left + "px";
						left += 20;
						if(left == 20) {
							clearInterval(id);
						}
					}, 20);
				}
				dans.children[1].onclick = function() {
					var text = document.querySelector(".danping .dan-foot");
					var left = 0;
					var id = setInterval(function() {
						text.style.marginLeft = left + "px";
						left -= 20;
						if(left == -1240) {
							clearInterval(id);
						}
					}, 20);
				}
				 var i=1;
				setInterval(function(){
					i++;
					var dans=document.getElementById("danzuo");
					if(i%2==0){
					    dans.children[1].click();
					   }else{
					    dans.children[0].click();
					   }
				}, 8000);
//              推荐轮播图
				var btindex = 0;
				var lis = document.querySelectorAll(".neirongtext>.book-4 li");
				var lis1 = document.querySelectorAll(".neirongtext1>.book-4 li");
				var lis2 = document.querySelectorAll(".neirongtext2>.book-4 li");
				var lis3 = document.querySelectorAll(".neirongtext3>.book-4 li");
				var hr = document.querySelectorAll(".neirongtext>.book-5 img");
				var hr1 = document.querySelectorAll(".neirongtext1>.book-5 img");
				var hr2 = document.querySelectorAll(".neirongtext2>.book-5 img");
				var hr3 = document.querySelectorAll(".neirongtext3>.book-5 img");
				//hr是一个集合，要先找hr【0】.在接着找
				for(var i = 0; i < lis.length; i++) {
					lis[i].onclick = function() {
						var src = this.getAttribute("data-src");
						btindex = this.getAttribute("data-index") * 1;
						hr[0].src = src;
						for(i = 0; i < lis.length; i++) {
							lis[i].removeAttribute("class");
						}
						this.className = "active";
					};
				}
				for(var i = 0; i < lis1.length; i++) {
					lis1[i].onclick = function() {
						var src = this.getAttribute("data-src");
						btindex = this.getAttribute("data-index") * 1;
						hr1[0].src = src;
						for(i = 0; i < lis1.length; i++) {
							lis1[i].removeAttribute("class");
						}
						this.className = "active";
					};
				}
				for(var i = 0; i < lis2.length; i++) {
					lis2[i].onclick = function() {
						var src = this.getAttribute("data-src");
						btindex = this.getAttribute("data-index") * 1;
						hr2[0].src = src;
						for(i = 0; i < lis2.length; i++) {
							lis2[i].removeAttribute("class");
						}
						this.className = "active";
					};
				}
				for(var i = 0; i < lis3.length; i++) {
					lis3[i].onclick = function() {
						var src = this.getAttribute("data-src");
						btindex = this.getAttribute("data-index") * 1;
						hr3[0].src = src;
						for(i = 0; i < lis3.length; i++) {
							lis3[i].removeAttribute("class");
						}
						this.className = "active";
					};
				}
				var bt = document.querySelectorAll(".neirongtext>.btn1 div");
				bt[0].onclick = function() {
					if(btindex == 0) {
						btindex = lis.length;
					}
					lis[btindex - 1].click();

				};
				bt[1].onclick = function() {
					if(btindex == lis.length - 1) {
						btindex = -1;
					}
					lis[btindex + 1].click();
				};
				var bt1 = document.querySelectorAll(".neirongtext1>.btn1 div");
				bt1[0].onclick = function() {
					if(btindex == 0) {
						btindex = lis1.length;
					}
					lis1[btindex - 1].click();

				};
				bt1[1].onclick = function() {
					if(btindex == lis1.length - 1) {
						btindex = -1;
					}
					lis1[btindex + 1].click();
				};
				var bt2 = document.querySelectorAll(".neirongtext2>.btn1 div");
				bt2[0].onclick = function() {
					if(btindex == 0) {
						btindex = lis2.length;
					}
					lis2[btindex - 1].click();

				};
				bt2[1].onclick = function() {
					if(btindex == lis2.length - 1) {
						btindex = -1;
					}
					lis2[btindex + 1].click();
				};
				var bt3 = document.querySelectorAll(".neirongtext3>.btn1 div");
				bt3[0].onclick = function() {
					if(btindex == 0) {
						btindex = lis3.length;
					}
					lis3[btindex - 1].click();

				};
				bt3[1].onclick = function() {
					if(btindex == lis3.length - 1) {
						btindex = -1;
					}
					lis3[btindex + 1].click();
				};
			};
			//家电悬浮时转换图
			function remen(r){
				var re=r.parentNode.parentNode.parentNode.parentNode.parentNode.children[7].children[1];
				re.children[0].children[1].children[0].src="img2/pms_1490077569.08131612!220x220.png";
				re.children[1].children[1].children[0].src="img2/pms_1490077569.08131612!220x220.png";
				re.children[2].children[1].children[0].src="img2/pms_1490077569.08131612!220x220.png";
				re.children[3].children[1].children[0].src="img2/pms_1490077569.08131612!220x220.png";
				re.children[4].children[1].children[0].src="img2/pms_1495074010.05677255!220x220.jpg";
				re.children[5].children[1].children[0].src="img2/pms_1490778355.67093197!220x220.png";
				re.children[6].children[1].children[0].src="img2/pms_1490778061.59475600!220x220.png";
				re.children[7].children[1].children[0].src="img/xmad_150218693401_WiKBZ.png";
			}
			function dianshi(d){
				var dian=d.parentNode.parentNode.parentNode.parentNode.parentNode.children[7].children[1];
				dian.children[0].children[1].children[0].src="img8/pms_1490077454.46128587!220x220.png";
				dian.children[1].children[1].children[0].src="img8/pms_1490604824.19051012!220x220.jpg";
				dian.children[2].children[1].children[0].src="img8/pms_1497801904.81994356!220x220.jpg";
				dian.children[3].children[1].children[0].src="img8/pms_1499138177.54329452!220x220.jpg";
				dian.children[4].children[1].children[0].src="img8/T1PXhgBbdT1RXrhCrK!220x220.jpg";
				dian.children[5].children[1].children[0].src="img8/T1sWd_B7VT1RXrhCrK!220x220.jpg";
				dian.children[6].children[1].children[0].src="img8/pms_1490604824.19051012!220x220.jpg";
				dian.children[7].children[1].children[0].src="img8/pms_1490604824.19051012!220x220.jpg";
			}
			function diannao(n){
				var nao=n.parentNode.parentNode.parentNode.parentNode.parentNode.children[7].children[1];
				nao.children[0].children[1].children[0].src="img2/pms_1490077569.08131612!220x220.png";
				nao.children[1].children[1].children[0].src="img2/pms_1490077569.08131612!220x220.png";
				nao.children[2].children[1].children[0].src="img2/pms_1490077569.08131612!220x220.png";
				nao.children[3].children[1].children[0].src="img2/pms_1490077569.08131612!220x220.png";
				nao.children[4].children[1].children[0].src="img2/pms_1495074010.05677255!220x220.jpg";
				nao.children[5].children[1].children[0].src="img2/pms_1490778355.67093197!220x220.png";
				nao.children[6].children[1].children[0].src="img2/pms_1490778061.59475600!220x220.png";
				nao.children[7].children[1].children[0].src="img/xmad_150218693401_WiKBZ.png";
			}
			function jiaju(j){
				var jia=j.parentNode.parentNode.parentNode.parentNode.parentNode.children[7].children[1];
				jia.children[0].children[1].children[0].src="img8/pms_1490077454.46128587!220x220.png";
				jia.children[1].children[1].children[0].src="img8/pms_1490604824.19051012!220x220.jpg";
				jia.children[2].children[1].children[0].src="img8/pms_1497801904.81994356!220x220.jpg";
				jia.children[3].children[1].children[0].src="img8/pms_1499138177.54329452!220x220.jpg";
				jia.children[4].children[1].children[0].src="img8/T1PXhgBbdT1RXrhCrK!220x220.jpg";
				jia.children[5].children[1].children[0].src="img8/T1sWd_B7VT1RXrhCrK!220x220.jpg";
				jia.children[6].children[1].children[0].src="img8/pms_1490604824.19051012!220x220.jpg";
				jia.children[7].children[1].children[0].src="img8/pms_1490604824.19051012!220x220.jpg";
			}
			//为你推荐
			var dans = document.querySelector(".weinitui .zuo");
				var left = 0;
				dans.children[0].onclick = function() {
					var text = document.querySelector(".weinitui .dan-foot");
					text.style.marginLeft = "0px";
					var left = -1240;
					var id = setInterval(function() {
						text.style.marginLeft = left + "px";
						left += 20;
						if(left == 20) {
							clearInterval(id);
						}
					}, 20);
				}
				dans.children[1].onclick = function() {
					var text = document.querySelector(".weinitui .dan-foot");
					var left = 0;
					var id = setInterval(function() {
						text.style.marginLeft = left + "px";
						left -= 20;
						if(left == -1240) {
							clearInterval(id);
						}
					}, 20);
				}
		</script>
	</body>

</html>